<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>千图网</title>
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="千图网.css" />
		<link rel="stylesheet" type="text/css" href="globle.css"/>
	</head>

	<body>
		<div class="container" id="denglu">
			<ul class="denglu1">
				<li class="l1">
					<div class="QQ1"></div>
					QQ交谈
				</li>
				<li class="l2">
					<div class="QQ2"></div>
					官方QQ群
				</li>
				<li class="l3">常见问题</li>
			</ul>
			<ul class="denglu2">
				<li class="l1">
					<div class="QQ1"></div>
					点我赚钱
				</li>
				<li class="l4">注册</li>
				<li class="l5">登录</li>
				<li class="l2">
					<div class="QQ2"></div>
					QQ登录
				</li>
				<li class="l3">
					<div class="weixin1"></div>
					微信登录
				</li>
			</ul>
		</div>
		
			<!--<!--<nav class="navbar navbar-default" role="navigation">
				<div class="container-fluid">
					<div class="navbar-header">
						<a id="a1" class="navbar-brand" href="#">
						</a>
					</div>
					<div>
						<ul class="nav navbar-nav " id="daohang">
							<li class="active">
								<!--<a href="#">首页</a>-->
								<!--<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		首页
		<span class="caret"></span>
	</button>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">Java</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
									</li>
									<li role="presentation" class="divider"></li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
									</li>
								</ul>
							</li>
							<li>
						
								<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		原创设计
		<span class="caret"></span>
	</button>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">Java</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
									</li>
									<li role="presentation" class="divider"></li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
									</li>
								</ul>
							</li>
							<li>
							
								<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		广告设计
		<span class="caret"></span>
	</button>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">Java</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
									</li>
									<li role="presentation" class="divider"></li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
									</li>
								</ul>
							</li>
							<li>
							
								<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		淘宝设计
		<span class="caret"></span>
	</button>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">Java</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
									</li>
									<li role="presentation" class="divider"></li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
									</li>
								</ul>
							</li>
							<li>
								
								<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		素材分类
		<span class="caret"></span>
	</button>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">Java</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
									</li>
									<li role="presentation" class="divider"></li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
									</li>
								</ul>
							</li>
							<li>
								
								<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		千图灵感
		<span class="caret"></span>
	</button>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">Java</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
									</li>
									<li role="presentation" class="divider"></li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
									</li>
								</ul>
							</li>
							<li>
								
								<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		设计工具
		<span class="caret"></span>
	</button>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">Java</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
									</li>
									<li role="presentation" class="divider"></li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
									</li>
								</ul>
							</li>
							<li>
								
								<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		活动
		<span class="caret"></span>
	</button>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">Java</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
									</li>
									<li role="presentation" class="divider"></li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
									</li>
								</ul>
							</li>
							<li>
								
								<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		VIP特权
		<span class="caret"></span>
	</button>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">Java</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
									</li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
									</li>
									<li role="presentation" class="divider"></li>
									<li role="presentation">
										<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
		</div>
		</nav>-->
		<nav class="nav-link" style="margin-left: -15px;">
		<main style="width: 1200px; margin: 0 auto; display: block;">
			<ul>
				<a class="img-logo" title="千图网"></a>
				<div>
					<li><a href="script:;" title="首页" class="active">首页</a></li>	
					<li><a href="script:;" title="广告设计">广告设计</a></li>
					<li><a href="script:;" title="淘宝设计">淘宝设计</a></li>
					<li><a href="script:;" title="素材分类">素材分类</a></li>
					<li><a href="script:;" title="千图灵感">千图灵感</a></li>
					<li><a href="script:;" title="设计工具">设计工具</a></li>
					<li class="theN"><a href="script:;" title="活动">活动<i></i></a></li>
					<li class="theHot"><a href="script:;" title="vip特权">vip特权<i></i></a></li>
				</div>
			</ul>
			<!--导航栏2隐藏div块-->
			<!--首页，按索引寻找，不能省-->
			<div></div>
			<!--广告设计-->
			<div class="box-origin gg">
				<span class="pic-sanjiao"></span>
				<section>
					<i class="design-pic"></i><span>广告设计总数：<span>2,533,286</span></span>
				</section>
				<section>
					<ul class="clearfix">
						<li><a href="script:;">样机素材<span>14882</span></a></li>
						<li><a href="script:;">ps工具<span>14882</span></a></li>
						<li><a href="script:;">卡通/插画<span>14882</span></a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">海报<span>14882</span></a></li>
						<li><a href="script:;">展板/展架<span>14882</span></a></li>
						<li><a href="script:;">名片/卡证<span>14882</span></a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">VI/导视<span>14882</span></a></li>
						<li><a href="script:;">画册/装饰<span>14882</span></a></li>
						<li><a href="script:;">DM/宣传单<span>14882</span></a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">包装<span>14882</span></a></li>
						<li><a href="script:;">LOGO/标识<span>14882</span></a></li>
						<li><a href="script:;">相册/影楼<span>14882</span></a></li>
					</ul>
				</section>
			</div>
			<!--淘宝设计-->
			<div class="box-origin tb">
				<span class="pic-sanjiao"></span>
				<section>
					<i class="design-pic"></i><span>淘宝设计总数：<span>609,825</span></span>
				</section>
				<section>
					<ul class="clearfix">
						<li><a href="script:;">节日促销模板<span>96208</span></a></li>
						<li><a href="script:;">直通车/钻展<span>96208</span></a></li>
						<li><a href="script:;">移动端模板<span>96208</span></a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">详情页模板<span>96208</span></a></li>
						<li><a href="script:;">通用模板<span>96208</span></a></li>
						<li><a href="script:;">首页模板<span>96208</span></a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">电商/淘宝海报<span>96208</span></a></li>
					</ul>
				</section>
			</div>
			<!--素材-->
			<div class="box-origin sc">
				<span class="pic-sanjiao"></span>
				<section>
					<i class="design-pic"></i><span>素材总数：<span>8,362,326</span></span>
				</section>
				<section  class="clearfix">
					<!--li>a[href="script:;"]-->
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">啦啦啦</a></li>
						<li><a href="script:;">啦啦啦</a></li>
						<li><a href="script:;">啦啦啦</a></li>
						<li><a href="script:;">啦啦啦</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">啦啦啦</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">样机素材</a></li>
						<li><a href="script:;">样机素材</a></li>
						<li><a href="script:;">样机素材</a></li>
						<li><a href="script:;">样机素材</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">样机素材</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">样机素材</a></li>
						<li><a href="script:;">样机素材</a></li>
						<li><a href="script:;">右边说明</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">样机素材</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">样机素材</a></li>
						<li><a href="script:;">右边说明</a></li>
					</ul>
					<ul class="clearfix">
						<li><a href="script:;">左边</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">右边说明</a></li>
						<li><a href="script:;">样机素材</a></li>
						<li><a href="script:;">右边说明</a></li>
					</ul>
				</section>
			</div>		
			<!--活动-->
			<div class="box-origin gj hd">
				<span class="pic-sanjiao"></span>
				<span><a href="script:;">千图拍卖行</a></span>
				<span><a href="script:;">心系千图</a></span>
				<span><a href="script:;">查看更多</a></span>
			</div>
			<!--设计工具-->
			<div class="box-origin gj">
				<span class="pic-sanjiao"></span>
				<span><a href="script:;">设计工具</a></span>
				<span><a href="script:;">设计工具</a></span>
				<span><a href="script:;">设计工具</a></span>
				<span><a href="script:;">设计工具</a></span>
				<span><a href="script:;">设计工具</a></span>
				<span><a href="script:;">设计工具</a></span>
			</div>
		</main>
	</nav>
	
		<div class="beijing">
			<p class="zhuangzhu">专注免费设计素材网站</p>
			<p class="ssk"><input type="text" name="sousuo" id="sousuo" placeholder="800万张免费设计素材任意下载" />
				<button class="but1">搜全站</button>
				<button class="but2">搜原创</button>
			</p>
			
		</div>
		<div class="container">
			<!--data-interval="2000": 设置轮播图切换的时间间隔.-->
			<div id="my-Carousel" class="carousel slide" data-interval="2000">
				<!--1. Indicators:轮播图指示器 -->
				<ol class="carousel-indicators">
					<li data-target="#my-Carousel" data-slide-to="0" class="active"></li>
					<li data-target="#my-Carousel" data-slide-to="1"></li>
					<li data-target="#my-Carousel" data-slide-to="2"></li>
					<li data-target="#my-Carousel" data-slide-to="3"></li>
					<li data-target="#my-Carousel" data-slide-to="4"></li>
					<li data-target="#my-Carousel" data-slide-to="5"></li>
					<li data-target="#my-Carousel" data-slide-to="6"></li>
					<li data-target="#my-Carousel" data-slide-to="7"></li>
				</ol>
				<!-- 2.Wrapper for slides,具体的轮播图内容 -->
				<div class="carousel-inner">
					<!--.item表示具体要展示的轮播图的项目-->
					<div class="item active">
						<img src="images/tu1.png" alt="...">
						<!--.carousel-caption:表示给内容加的标题-->
					</div>
					<div class="item">
						<img src="images/tu2.png" alt="...">
					</div>
					<div class="item">
						<img src="images/tu3.png" alt="...">
					</div>
					<div class="item">
						<img src="images/tu4.png" alt="...">
					</div>
					<div class="item">
						<img src="images/tu5.jpg" alt="...">
					</div>
					<div class="item">
						<img src="images/tu6.jpg" alt="...">
					</div>
					<div class="item">
						<img src="images/tu7.png" alt="...">
					</div>
					<div class="item">
						<img src="images/tu9.jpg" alt="...">
					</div>
				</div>
				<!-- 3.Controls 左右切换轮播图内容的控制器 -->
				<a class="left carousel-control" href="#my-Carousel" data-slide="prev">&lsaquo;</a>
				<a class="right carousel-control" href="#my-Carousel" data-slide="next">&rsaquo;</a>
			</div>
			<ul class="xuanze">
				<li>原创VIP专区</li>
				<li>平面广告</li>
				<li>淘宝设计</li>
				<li>室内设计</li>
				<li>网页/UI设计</li>
				<li>影视/媒体</li>
				<li>服装设计</li>
			</ul>
			<ul class="sheji">
				<li>
					<div class="b1"></div>
					<p>开发手册</p>
				</li>
				<li>
					<div class="b2"></div>
					<p>UI图标库</p>
				</li>
				<li>
					<div class="b3"></div>
					<p>淘宝工具</p>
				</li>
				<li>
					<div class="b4"></div>
					<p>配色工具</p>
				</li>
				<li>
					<div class="b5"></div>
					<p>网页工具</p>
				</li>
				<li>
					<div class="b6"></div>
					<p>图标宝</p>
				</li>
				<li>
					<div class="b7"></div>
					<p>画册宝</p>
				</li>
				<li>
					<div class="b8"></div>
					<p>在线书法</p>
				</li>
				<li>
					<div class="b9"></div>
					<p>电商培训</p>
				</li>
				<li>
					<div class="b10"></div>
					<p>店铺装修代码</p>
				</li>
				<li class="last">
					<p>更多设计工具</p>
				</li>
			</ul>
			<p class="remen">
				<span class="s1">热门专题</span>
				<span class="s2">更多></span>
			</p>
			<div class="tupian">
			</div>
			<div class="img-box">
				<div class="folst-box">
					<img src="images/pic01.png" alt="" />
					<p>创意广告</p>
				</div>
				<div>
					<img src="images/pic01-12.png" alt="" />
					<p>鸡年PPT</p>
				</div>
				<div>
					<img src="images/pic01-13.png" alt="" />
					<p>喜庆元素背景</p>
				</div>
				<div>
					<img src="images/pic01-16.jpg" alt="" />
					<p>年会精选</p>
				</div>
				<div class="last-box">
					<img src="images/pic01-15.png" alt="" />
					<p>素材精选</p>
				</div>
			</div>
			<ul class="yejiao-box">
				<li style="color: black;">友情链接</li>
				<li>新素材</li>
				<li>新搜索</li>
				<li>热门素材</li>
				<li>热门PPT素材</li>
				<li>热门淘宝素材</li>
				<li>热门装饰素材</li>
				<li>热门专题</li>
				<li>搜索地图</li>
			</ul>
			<div class="qingchu"></div>
			<hr id="hrs" />
			<ul class="zuihou">
				<li>千图样机</li>
				<li>我图网</li>
				<li>90设计</li>
				<li>摄图网</li>
				<li>微信公众平台</li>
				<li>图片之家</li>
				<li>UI图标库</li>
				<li>图片大全</li>
				<li>创意图案</li>
				<li>千图样机</li>
				<li>我图网</li>
				<li>90设计</li>
				<li>摄图网</li>
				<li>老男人</li>
				<li>壁纸</li>
				<li>小清新图片</li>
				<li>包图网</li>
				<li>男士时尚</li>
				<li>QQ分组</li>
				<li>微信公众平台</li>
				<li>图片之家</li>
				<li>男士时尚</li>
				<li>QQ分组</li>
				<li>创意图案</li>
				<li>小清新图片</li>
				<li>包图网</li>
				<li>男士时尚</li>
				<li>QQ分组</li>
				<li>创意图案</li>
				<li>UI图标库</li>
				<li>图片大全</li>
				<li>老男人</li>
				<li>壁纸</li>
				<li>小清新图片</li>
				<li>包图网</li>
			</ul>
			<div class="qingchufudong"></div>
		</div>
		<div class="dibu">
			<div class="container">
				<div class="zhuzhi"></div>
				<ul>
					<li>官方微博</li>
					<li>常见问题</li>
					<li>版权声明</li>
					<li>商务合作</li>
					<li>售后服务</li>
					<li>新素材</li>
					<li>图片下载</li>
					<li>素材专题</li>
					<li>千图导航</li>
					<li>
						<div class="jiaotan"></div>
					</li>
					<li>客服电话: 400-998-7011</li>
				</ul>
				<br/>
				<ul class="box-2">
					<li>
						千图网素材为用户免费分享产生，若发现您的权利被侵害，请联系tousu@pic.com，我们尽快处理
					</li>
				</ul>
				<div class="d1">
					<ul class="box-1">
						<li>Copyriqht 2015</li>
						<li class="box-1-1">千图网</li>
						<li>沪ICP备10011451号-6 用时：0.0173 0.548秒</li>
						<li class="box-1-2"></li>
						<li>上海工商</li>
					</ul>
				</div>
				<div class="qiantu"></div>
			</div>
		</div>
	</body>
	<script src="bootstrap/js/jquery.min.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
    <script src="千图网.js"></script>
</html>